<template>
	<view>
		<view class="add-address-msg">
			<view class="add-address-details" style="height: 142upx;padding: 32upx 30upx 0 0;">
				<view class="add-address-title">门店名称</view>
				<view class="add-address-textarea add-address-other">
					<textarea style="" v-model="organName"  placeholder="请输入门店名称" @input='nameNum' />
					<view class="">
						{{organNum}}/30
					</view>
					<image class="del-input" @click="clear('organ')" v-if="page_type == 'updata'" :src="imglink + 'member/management_icon_textdelete.png'" mode=""></image>
				</view>
			</view>
			<view class="add-address-details">
				<view class="add-address-title">联系人</view>
				<view class="add-address-textarea add-address-other" style="margin-left: 68upx;">
					<input type="text" v-model="userName" placeholder="请输入联系姓名"/>
					<image class="del-input" @click="clear('user')" v-if="page_type == 'updata'" :src="imglink + 'member/management_icon_textdelete.png'" mode=""></image>
				</view>
			</view>
			<view class="add-address-details">
				<view class="add-address-title">联系号码</view>
				<view class="add-address-textarea add-address-other" style="flex-grow: 1;">
					<input type="text" v-model="userPhone" placeholder="请输入手机号码"/>
					<image class="del-input" @click="clear('phone')" v-if="page_type == 'updata'" :src="imglink + 'member/management_icon_textdelete.png'" mode=""></image>
				</view>
			</view>
			<view class="add-address-details">
				<view class="add-address-title">所在地区</view>
				<view class="add-address-textarea" style="flex-grow:1; display: flex;justify-content: space-between;" @click="chooseCity">
					<input type="text" disabled v-model="pickerText" placeholder="请选择省、市、区（县)"/>
					<image class="city-icon" :src="imglink + 'home/arrow-right.png'" mode=""></image>
				</view>
			</view>
			<view class="add-address-details" style="height: 142upx;padding: 32upx 30upx 0 0;">
				<view class="add-address-title">详细地址</view>
				<view class="add-address-textarea add-address-other" @click="gainAddress">
					<textarea style="" v-model="detailsAddre" disabled placeholder="点击定位" />
					<image class="location-icon" @click="gainAddress" :src="imglink + 'member/manage-store_icon_positioning.png'" mode=""></image>
				</view>
			</view>
		</view>
		<view class="add-address-code">
			<view class="uplode-code">
				上传机构联系人微信二维码
			</view>
			<view class="uplode-code-details">
				<view class="uplode-code-details-content">
					<view class="uplode-code-content">
						<view class="">上传老师微信二维码图片</view>
						<view class="uplode-code-content-details" @click="uplodeCode" v-if="tempFilePaths == ''">
							<image :src="imglink + 'member/add-code.png'" mode=""></image>
							<view class="">
								上传图片
							</view>
						</view>
						<image :src="tempFilePaths" mode="" v-else @click="uplodeCode"></image>
					</view>
					<view class="example-code">
						<view class="">例如：</view>
						<image :src="imglink + 'qrcode-demo.jpg'" mode=""></image>
					</view>
				</view>
				<view class="uplode-code-details-tip">
					如何获取：点开微信 > 我的 > 个人信息 > 我的二维码 > 长按保存
				</view>
			</view>
		</view>
		<view class="add-addre-sure-btn" @click="editAddre" v-if="page_type == 'add'">
			确认
		</view>
		<view class="" v-if="page_type == 'updata'">
			<view class="add-addre-sure-btn" style="margin-top: 22upx;" @click="editAddre">
				确认
			</view>
			<view class="del-shop" @click="delClick">
				删除门店
			</view>
		</view>
		<!-- 地址选择 -->
		<view v-if="visible">
			<picker-view class="birthday" :indicator-style="indicatorStyle" :value="index" @change="bindChange">
				<picker-view-column>
					<view class="item" v-for="item in provinceList" :key="item.province_id">{{item.province}}省</view>
				</picker-view-column>
				<picker-view-column>
					<view class="item" v-for="item in cityListDetails" :key="item.city_id">{{item.city}}</view>
				</picker-view-column>
				<picker-view-column>
					<view class="item" v-for="item in prefectureDetailList" :key="item.country_id">{{item.country}}</view>
				</picker-view-column>
			</picker-view>
			<view @click="sure" class="birthday-tkang" v-if="visible"></view>
			<view class="determine" @click="sure">确定</view>
		</view>
		<!-- 删除门店确认 -->
		<uni-popup ref="delShop" :custom="true">
			<view class="popup_box_de">
				<view class="popup_box-tip">
					删除门店确认
				</view>
				<view class="popup_box-reminder">
					是否删除该门店，删除后无法恢复
				</view>
				<view class="popup_box-click">
					<view class="" @click="sureDel">确认删除</view>
					<view class="" @click="cancelDel">取消</view>
				</view>
			</view>
		</uni-popup>
		<!-- 删除成功 -->
		<view class="save-popup" v-if="saveState">
			<view class="save-popup-img">
				<image :src="imglink + 'home/pop_icon_success.png'" mode=""></image>
			</view>
			<view class="save-popup-title">
				修改成功
			</view>
		</view>
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import mpvuePicker from '@/components/mpvue-picker/mpvuePicker.vue';
	import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue'
	import {uploadFile} from '@/common/alioss.js'
	export default{
		components:{mpvuePicker,mpvueCityPicker,uniPopup},
		data(){
			return {
				imglink: this.$store.state.imgLink,
				pickerText: '',
				themeColor: '#007AFF',
				mode: '',
				deepLength: 3,
				cityPickerValueDefault: [0, 0, 1],
				pickerValueDefault: [0],
				pickerValueArray:[],
				tempFilePaths:'',
				organNum:0,
				page_type:'',
				item:[],
				provinceId:'',
				cityiD:'',
				organName:'',
				userName:'',
				userPhone:'',
				detailsAddre:'',
				saveState:false,
				visible:false,
				province:'',
				city:'',
				provinceList:[],
				cityList:[],
				indicatorStyle: `height: ${Math.round(uni.getSystemInfoSync().screenWidth/(750/100))}px;`,
				index:[0,0,0],
				cityListDetails:[],
				prefecture:'',
				prefectureId:'',
				prefectureDetailList:[],
				value:[0,0,0],
				store_id:'',
				dingwei:[],
				isaa:0,
			}
		},
		onLoad(option) {
			this.page_type = option.page
			let store_id = parseInt(option.store_id,10);
			console.log('进入了onload 获取url的store_id',store_id)
			if(!store_id > 0){
				store_id = uni.getStorageSync('store_id')?parseInt(uni.getStorageSync('store_id'),10):0
			}else{
				uni.setStorageSync('store_id', store_id)
			}
			if(option.type == 2){
				console.log(option.poiname)
				this.detailsAddre = decodeURI(option.poiname);
				this.addressList(option.lat,option.lng)
				this.page_type=uni.getStorageSync('page')
				let data=uni.getStorageSync("storedata")
				console.log(uni.getStorageSync('storedata'),"123456789")
				this.item.customer_organization_salesroom_id=data.customer_organization_salesroom_id
				this.item.organization_id=data.organization_id
				this.organName=data.name
				// this.prefectureId=data.country_id
				// this.cityiD=data.city_id
				this.prefectureId=data.country_id,
				this.provinceId=data.province_id,
				this.cityiD=data.city_id,
				// this.detailsAddre=data.address
				this.tempFilePaths=data.wechat_qrcode
				this.userPhone=data.telephone
				this.userName=data.contact
				this.pickerText=data.pickerText
				console.log(this.detailsAddre,option.lat,option.lng,this.page_type,"+++++++++++++++++++++++++++++++++++++++++++++++");
			}
			this.store_id = parseInt(store_id,10)
			this.$store.commit('updateStoreId',store_id)
			this.getCity()
			if(this.page_type == 'updata'){
				this.item = uni.getStorageSync('editAddr')
				console.log(this.item)
				this.organName = this.item.name
				this.userName = this.item.contact
				this.userPhone = this.item.telephone
				this.detailsAddre = this.item.address
				this.cityiD = this.item.city_id.city_id
				this.provinceId = this.item.province_id.province_id
				this.prefectureId = this.item.country_id.country_id
				this.pickerText = this.item.province_id.province+ '省-'+this.item.city_id.city+'-'+this.item.country_id.country
				this.organNum = this.item.name.length
				this.tempFilePaths = this.item.wechat_qrcode
				console.log("123")
				if( this.item.long_lati ){
					var long = this.item.long_lati.split(',')
					long.forEach((item) => {
						this.dingwei.push(Number(item))
					})
				}
			}
			
		},
		onShow() {
			// #ifdef MP-WEIXIN
			wx.hideHomeButton()
			if( this.isaa == 1 ){
				const chooseLocation = requirePlugin('chooseLocation');
				const location = chooseLocation.getLocation(); // 如果点击确认选点按钮，则返回选点结果对象，否则返回null
				console.log(location,"选取定位返回信息");
				if( location != '' ){
					this.detailsAddre = location.address
					this.addressList(location.latitude,location.longitude)
				}
			}
				
			// #endif
		},
		methods:{
			addressList(latitude,longitude){
				let a = []
				a.push(latitude,longitude)
				this.dingwei = a
				console.log(this.dingwei,"经纬度////////////////////");
			},
			// 定位
			gainAddress(){
				let data
				if(this.pickerText!=''){
					console.log(this.cityiD)
					data = {
						token:this.$store.getters.getToken,
						customer_organization_salesroom_id:this.item.customer_organization_salesroom_id,
						organization_id:this.item.organization_id,
						name:this.organName,
						country_id:this.prefectureId,
						province_id:this.provinceId,
						city_id:this.cityiD,
						address:this.detailsAddre,
						wechat_qrcode:this.tempFilePaths,
						telephone:this.userPhone,
						contact:this.userName,
						pickerText:this.pickerText,
						long_lati:this.dingwei,
					}
				}else{
					data = {
						token:this.$store.getters.getToken,
						customer_organization_salesroom_id:this.item.customer_organization_salesroom_id,
						organization_id:this.item.organization_id,
						name:this.organName,
						country_id:this.prefectureId,
						province_id:this.provinceId,
						city_id:this.cityiD,
						address:this.detailsAddre,
						wechat_qrcode:this.tempFilePaths,
						telephone:this.userPhone,
						contact:this.userName,
						// pickerText:this.pickerText,
						long_lati:this.dingwei,
					}
				}
				
				uni.setStorageSync("storedata",data)
				// #ifdef H5
					console.log("6666666666666666666666");
					uni.setStorageSync('page',this.page_type)
					uni.navigateTo({
						url: 'addRess?type=1'
					})
				// #endif
				// #ifdef MP-WEIXIN
					this.isaa = 1
					// this.$store.getters.toLocaltion(this.page_type)
					// const key = 'FROBZ-HAA35-37SI6-QXLMI-DQNAF-W3BUG'; //使用在腾讯位置服务申请的key
					const key=this.$store.state.qqmapkey
					const referer = '团好课课拍'; //调用插件的app的名称
					uni.setStorageSync('page',this.page_type)
					wx.navigateTo({
					  url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer
					});
				// #endif
				
			},
		
			// 取消删除门店
			cancelDel(){
				this.$refs.delShop.close()
			},
			// 删除门店弹框
			delClick(){
				this.$refs.delShop.open()
			},
			clear(flag){
				if(flag == 'organ'){
					this.organNum = 0
					this.organName = ''
				}else if(flag == 'user'){
					this.userName = ''
				}else if(flag == 'phone'){
					this.userPhone = ''
				}
			},
			// 验证信息
			verification(){
				let flag = true
				let regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
					regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im,
					regImg = /\s*(http:\/\/|https:\/\/|\/\/)\s*[\'\"\)]?([^\'\"\)]*)(jpg|jpeg|png|bmp|gif)/g
				if(this.organName == ''){
					uni.showToast({
						title:'机构名称不得为空',
						icon:"none",
						duration:2000
					})
					return flag = false
				}
				if (regEn.test(this.userName) || regCn.test(this.userName)) {
					uni.showToast({
						title: "联系人姓名不能包含特殊字符",
						duration: 2000,
						mask: true,
						icon: "none"
					})
					return flag = false
				}
				if(this.userName == ''){
					uni.showToast({
						title:'联系人姓名不得为空',
						icon:"none",
						duration:2000
					})
					return flag = false
				}
				if(this.userPhone == ''){
					uni.showToast({
						title:'联系人号码不得为空',
						icon:"none",
						duration:2000
					})
					return flag = false
				}
				if (!(/^1[3456789]\d{9}$/.test(this.userPhone))) {
					uni.showToast({
						title: '手机号码有误，请重填',
						duration: 2000,
						icon: "none",
						position: "top",
						mask: true
					});
					return flag = false
				}
				if (this.detailsAddre == "") {
					uni.showToast({
						title: "详细地址不能为空",
						duration: 2000,
						mask: true,
						icon: "none"
					})
					return flag = false
				}
				if (this.pickerText == "") {
					uni.showToast({
						title: "所在地区不得为空",
						duration: 2000,
						mask: true,
						icon: "none"
					})
					return flag = false
				}
				// if (regEn.test(this.detailsAddre) || regCn.test(this.detailsAddre)) {
				// 	uni.showToast({
				// 		title: "详细地址不能包含特殊字符",
				// 		duration: 2000,
				// 		mask: true,
				// 		icon: "none"
				// 	})
				// 	return flag = false
				// }
				if(this.tempFilePaths == ''){
					uni.showToast({
						title:'微信二维码不得为空',
						icon:"none",
						duration:2000
					})
					return false
				}
				return flag
			},
			// 添加或修改门店
			editAddre(){
				console.log(this.verification())
				if(this.verification()){
					let data
					if(this.page_type == 'updata'){
						data = {
							token:this.$store.getters.getToken,
							customer_organization_salesroom_id:this.item.customer_organization_salesroom_id,
							organization_id:this.item.organization_id,
							name:this.organName,
							country_id:this.prefectureId,
							province_id:this.provinceId,
							city_id:this.cityiD,
							address:this.detailsAddre,
							wechat_qrcode:this.tempFilePaths,
							telephone:this.userPhone,
							contact:this.userName,
							long_lati:this.dingwei,
						}
					}else{
						data = {
							token:this.$store.getters.getToken,
							name:this.organName,
							country_id:this.prefectureId,
							province_id:this.provinceId,
							city_id:this.cityiD,
							address:this.detailsAddre,
							wechat_qrcode:this.tempFilePaths,
							contact:this.userName,
							telephone:this.userPhone,
							organization_id:uni.getStorageSync('OrganId'),
							long_lati:this.dingwei,
						}
					}
					console.log(data,'添加修改门店信息数据');
					if(this.page_type == 'updata'){
						this.$api.edit_shop_msg(data).then(res => {
							console.log(res)
							if(res.status){
								uni.removeStorageSync('editAddr')
								uni.showToast({
									title:'修改门店信息成功',
									icon:'none',
									duration:2000
								})
								setTimeout(()=>{
									uni.navigateBack({
										delta:1
									})
								},1000)
								uni.clearStorageSync('storedata')
							}
							else{
								uni.showToast({
									title:res.msg,
									icon:'none',
									duration:2000
								})
							}
						}).catch(err => {
							console.log(err)
						})
					}else{
						this.$api.add_shop_msg(data).then(res => {
							console.log(res)
							if(res.status){
								uni.showToast({
									title:'添加成功',
									icon:'none',
									duration:2000
								})
								setTimeout(()=>{
									uni.navigateBack({
										delta:1
									})
								},1000)
							}else{
								uni.showToast({
									title:res.msg,
									icon:'none',
									duration:2000
								})
							}
						}).catch(err => {
							console.log(err)
						})
					}
				}
				
			},
			chooseCity(){
				this.visible = true
			},
			// 确认删除门店
			sureDel(){
				let data = {
					token:this.$store.getters.getToken,
					customer_organization_salesroom_id:this.item.customer_organization_salesroom_id
				}
				this.$api.del_shop_msg(data).then(res => {
					console.log(res)
					if(res.status){
						this.$refs.delShop.close()
						this.saveState = true
						setTimeout(()=> {
							this.saveState = false
							uni.navigateBack()
						},1000)
					}else{
						uni.showToast({
							title:res.msg,
							icon:'none',
							duration:2000
						})
						setTimeout(() => {
							this.$refs.delShop.close()
						},1000)
					}
				}).catch(err => {
					console.log(err)
				})
			},
			//地区
			bindChange: function (e){
				console.log(e)
				this.value  =e.detail.value
				this.cityListDetails = this.cityList[e.detail.value[0]]
				this.prefectureDetailList = this.cityListDetails[e.detail.value[1]].children
				// if(e.detail.value[0] + 1 || e.detail.value[0] - 1){
				// 	console.log('111111111111')
				// 	console.log(e.detail.value[0])
				// }
				// this.index = [e.detail.value[0],0,0]
			},
			sure(){
				this.visible = false
				this.tkang = false
				this.province = this.provinceList[this.value[0]].province
				this.city = this.cityListDetails[this.value[1]].city
				this.provinceId = this.provinceList[this.value[0]].province_id
				this.cityiD = this.cityListDetails[this.value[1]].city_id
				this.prefecture = this.prefectureDetailList[this.value[2]].country
				this.prefectureId = this.prefectureDetailList[this.value[2]].country_id
				console.log(this.province,this.city)
				this.pickerText = `${this.province}省-${this.city}-${this.prefecture}`
			},
			getCity(){
				this.$api.gain_all_city({token:this.$store.getters.getToken}).then(res => {
					console.log(res)
					if(res.status){
						this.provinceList = res.list
						this.provinceList.forEach(item => {
							this.cityList.push(item.children)
						})
						this.cityListDetails = this.cityList[0]
						console.log(this.cityListDetails)
						this.prefectureDetailList = this.cityListDetails[0].children
						
					}
				}).catch(err => {
					console.log(err)
				})
			},
			nameNum(e){
				console.log(e)
				this.organNum = e.detail.cursor
			},
			uplodeCode(){
				uni.chooseImage({
					sizeType: ['original', 'compressed'],
				    success: (chooseImageRes) => {
						// if (!/\.(gif|jpg|jpeg|png|bmp)$/.test(chooseImageRes.tempFiles[0].name)) {
						// 	uni.showToast({
						// 		title:'图片类型必须为gif/jpg/jpeg/png/bmp',
						// 		icon:'none',
						// 		duration:2000
						// 	})
						// 	return false;
						// }
						uni.getImageInfo({
							src: chooseImageRes.tempFilePaths[0],
							success: (image) => {
								uni.showLoading({
									title: '图片上传中'
								})
								uploadFile(chooseImageRes.tempFilePaths[0]).then(res => {
									console.log(res)
									if(res.status){
										this.tempFilePaths = res.data.url
										this.codeShow = true
										uni.hideLoading()
									}
								}).catch(err => {
									console.log(err)
								})
							}
						})
				        // uni.uploadFile({
				        //     url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址
				        //     filePath: tempFilePaths[0],
				        //     name: 'file',
				        //     formData: {
				        //         'user': 'test'
				        //     },
				        //     success: (uploadFileRes) => {
				        //         console.log(uploadFileRes.data);
				        //     }
				        // });
				    }
				});
			}
		}
	}
</script>

<style>
	.birthday{
		position: fixed;
		left: 40upx;
		right: 40upx;
		margin: 0;
		transform: translate(0,-50%);
		top: 50%;
		bottom: 0;
		z-index: 888;
		height: 400upx;
		background: #fff;
		text-align: center;
	}
	.determine{
		position: fixed;
		top: 37%;right: 40upx;
		transform: translate(0,-50%);
		font-size: 35upx;
		color: #FFFFFF;
		padding: 20upx;
		z-index: 999;
		background: #FF8B46;
	}
	.birthday-tkang{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 300;
		opacity: 0.5;
		background: #000000;
	}
	/* 删除地址成功标识css */
	.save-popup{
		width: 240upx;
		height: 240upx;
		border-radius: 12upx;
		background: rgba(58,58,58,0.9);
		position: fixed;
		top: 50%;left: 50%;
		transform: translate(-50%,-50%);
	}
	.save-popup-img{
		width: 72upx;
		height: 72upx;
		margin: 0 auto;
		margin-top: 58upx;
	}
	.save-popup-img>image{
		width: 100%;
		height: 100%;
	}
	.save-popup-title{
		text-align: center;
		color: #FFFFFF;
		font-size: 28upx;
		margin-top: 16upx;
	}
	/* 弹框样式 */
	.popup_box_de{
		height: 336upx;
		width: 640upx;
		background: #FFFFFF;
		border-radius: 24upx;
		padding-top: 40upx;
		box-sizing: border-box;
	}
	.popup_box-tip{
		text-align: center;
		color: #353535;
		font-size: 36upx;
		font-weight: 800;
	}
	.popup_box-reminder{
		width: 544upx;
		text-align: center;
		padding: 0 10upx;
		box-sizing: border-box;
		color: #666666;
		font-size: 30upx;
		margin: 0 auto;
		margin-top: 30upx;
	}
	.popup_box-click{
		width: 100%;
		height: 112upx;
		margin-top: 80upx;
		border-top: 1upx solid rgba(0, 0, 0, 0.1);
		display: flex;
	}
	.popup_box-click>view{
		width: 50%;
		line-height: 112upx;
		text-align: center;
		font-size: 34upx;
	}
	.popup_box-click>view:first-child{
		color: #000000;
		border-right: 1upx solid rgba(0, 0, 0, 0.1);
	}
	.popup_box-click>view:last-child{
		color: #FF8B46;
	}
	page{
		background: #F3F3F4;
		padding-bottom: 30upx;
		box-sizing: border-box;
	}
	.del-input{
		width: 30upx;
		height: 30upx;
		margin-top: 6upx;
	}
	.add-address-msg{
		width: 100%;
		padding-left: 30upx;
		padding-bottom: 30upx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-bottom: 20upx;
	}
	.add-address-details{
		width: 100%;
		height: 100upx;
		padding: 32upx 30upx 28upx 0;
		box-sizing: border-box;
		display: flex;
		border-bottom: 1upx solid #DEDEDE;
	}
	.add-address-title{
		font-size: 28upx;
		color: #666666;
	}
	.add-address-textarea{
		position: relative;
		flex-grow: 1;
		margin-left: 40upx;
	}
	.add-address-textarea>textarea{
		width: 100%;
		height: 110upx;
	}
	.add-address-textarea>view{
		position: absolute;
		right: 0;bottom: 12upx;
		color: #999999;
		font-size: 24upx;
	}
	.add-address-details>view>input{
		font-size: 28upx;
		flex-grow: 1;
	}
	.city-icon{
		width: 24upx;
		height: 28upx;
		margin-top: 6upx;
	}
	.add-address-other{
		display: flex;
		justify-content: space-between;
	}
	.location-icon{
		width: 40upx;
		height: 40upx;
		z-index: 9999;
	}
	.add-address-code{
		width: 100%;
		background: #FFFFFF;
		padding-left: 30upx;
		box-sizing: border-box;
	}
	.uplode-code{
		width: 100%;
		border-bottom: 1upx solid #DEDEDE;
		color: #666666;
		font-size: 28upx;
		padding: 32upx 0 28upx 0;
		box-sizing: border-box;
	}
	.uplode-code-details{
		width: 100%;
		padding: 18upx 0 30upx 0 ;
		box-sizing: border-box;
	}
	.uplode-code-details-tip{
		color: #999999;
		font-size: 24upx;
		margin-top: 30upx;
	}
	.uplode-code-details-content{
		display: flex;
	}
	.uplode-code-content{
		width: 284upx;
	}
	.uplode-code-content>image{
		width: 100%;
		height: 284upx;
		margin-top: 20upx;
	}
	.uplode-code-content>view:first-child{
		color: #333333;
		font-size: 24upx;
	}
	.uplode-code-content-details{
		width: 100%;
		height: 284upx;
		background: #F4F5F9;
		padding-top: 88upx;
		box-sizing: border-box;
		margin-top: 10upx;
	}
	.uplode-code-content-details>image{
		width: 64upx;
		height: 64upx;
		margin-left: 110upx;
	}
	.uplode-code-content-details>view{
		text-align: center;
		color: #666666;
		font-size: 24upx;
		margin-top: 10upx;
	}
	.example-code{
		width: 284upx;
		margin-left: 92upx;
	}
	.example-code>view{
		color: #333333;
		font-size: 24upx;
	}
	.example-code>image{
		width: 100%;
		height: 284upx;
		margin-top: 10upx;
	}
	.add-addre-sure-btn{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		color: #FFFFFF;
		font-size: 32upx;
		margin: 0 auto;
		margin-top: 76upx;
		border-radius: 44upx;
		background: linear-gradient(to right,#FE9543,#FF664F);
		box-shadow: 0 8upx 16upx 0 rgba(166, 13, 0, 0.23);
	}
	.del-shop{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		color: #666666;
		font-size: 32upx;
		margin: 0 auto;
		margin-top: 20upx;
		border-radius: 44upx;
		border: 1upx solid #999999;
	}
</style>
